<!-- HTML5文档头 -->
<!DOCTYPE html>
<!-- lang="zh-cn"，此网页基本是中文内容 -->
<html lang="zh-cn">

	<head>
		<meta charset="utf-8" />
		<meta name="description" content="对网页的一段概括性描述" />
		<meta name="keywords" content="关键字1,关键字2,关键字3..." />
		<!-- 使用最新的IE兼容模式渲染此网页 -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<!-- 在双核浏览器下，默认使用webkit内核，由360浏览器提出 -->
		<meta name="renderer" content="webkit">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>素材下载_觉唯设计</title>
		<!--<link rel="shortcut ico n" href=""/>-->
		<!-- 强大的CSS Reset库 -->
		<link rel="shortcut icon" href="" />
		<link href="http://cdn.bootcss.com/normalize/5.0.0/normalize.css" rel="stylesheet">
		<!-- 让IE9以下的浏览器支持HTML5标签 -->
		<!--[if lt IE 9]>
        	<script src="http://cdn.bootcss.com/html5shiv/r29/html5.js"></script>
        	<script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
		<link href="http://cdn.bootcss.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet">
		<!--奥森字体-->
		<link rel="stylesheet/less" type="text/css" href="less/index.less">
		<link rel="stylesheet" href="css/common.css" />
		<link rel="stylesheet" href="css/index.css" />
		<link rel="stylesheet" type="text/css" href="css/jw-article.css" />
		<link rel="stylesheet" type="text/css" href="css/enjoy.css"/>
		<style type="text/css">
			@media only screen and (max-width: 768px) {
				.jw-web-nav-inner {
					display: block;
					height: 50px;
				}
				.jw-header-nav-logo,
				.jw-header-nav-inner,
				.jw-header-nav-seach,
				.jw-wrapper-menu {
					display: none;
				}
				.jw-banner-transparent {
					height: 50px;
				}
				.jw-container .jw-wrapper-scroll .jw-wrapper-scroll-inner,
				.jw-container .jw-wrapper-scroll .jw-wrapper-scroll-banner {
					float: none;
					width: 100%;
				}
				.jw-wrapper-scroll-banner {
					display: none;
				}
				.jw-container .jw-wrapper-group .jw-wrapper-all-group .jw-wrapper-group-inner {
					width: 50%;
					margin: 0 25% 0 25%;
					text-align: center;
				}
				.jw-container .jw-wrapper-group .Tab-bar ul li {
					margin: 0;
					padding: 2px 5px;
				}
				.jw-container .jw-love {
					background: white;
				}
				.jw-container .jw-love .jw-love-content {}
				.jw-container .jw-love .jw-love-content-button a {
					width: 80%;
				}
				.jw-container .jw-love .jw-love-content .jw-love-content-list {
					width: 50%;
					padding: 0;
					margin: 0;
				}
				.jw-container .jw-users .jw-users-gruop-item {
					margin: 0 auto;
				}
				.jw-container .jw-users .jw-users-gruop-item p {
					margin-left: 17%;
				}
				.jw-container .jw-users .jw-users-gruop-item h3 {
					line-height: 12px;
				}
				.jw-container .jw-feature .jw-feature-inner .jw-feature-gruop-item {
					float: none;
					width: 100%;
				}
				.jw-footer .jw-contenr .jw-footer-nav-group {
					float: none;
				}
				.jw-footer .jw-contenr .jw-footer-nav-group .jw-title {
					padding-left: 10px;
				}
				.jw-footer .jw-contenr .jw-footer-nav-group p,
				.jw-footer .jw-contenr .jw-footer-nav-group a {
					padding-left: 0;
					letter-spacing: 1px;
					line-height: 12px;
				}
				.jw-footer .jw-contenr .jw-footer-nav-group .jw-footer-nav-group-title {
					margin-left: 7.764706px;
				}
				.jw-enjoy .jw-enjoy-wrapper{
					width: 53%;
				}
				.jw-enjoy .jw-enjoy-wrapper ul .jw-enjoy-gronp{
					width: 100%;
					float: none;
					
				}
				.jw-footer .jw-contenr{
					display: none;
				}
			}
			
			@media only screen and (min-width: 768px) and (max-width: 1024px) {
				.jw-header {
					width: 100%;
				}
				.jw-web-nav-inner {
					display: block;
					height: 50px;
				}
				.jw-header-nav-logo,
				.jw-header-nav-inner,
				.jw-header-nav-seach {
					display: none;
				}
				.jw-banner-transparent {
					height: 140px;
				}
				.jw-wrapper-menu-inner {
					width: 100%;
				}
				.jw-container .jw-wrapper-menu .jw-wrapper-menu-inner .jw-item {
					margin: 0 0.8%;
				}
				.jw-container .jw-wrapper-scroll .jw-wrapper-scroll-inner,
				.jw-container .jw-wrapper-scroll .jw-wrapper-scroll-banner {
					float: none;
					width: 70%;
					margin: 0 auto;
					margin-top: 20px;
				}
				.jw-container .jw-wrapper-group .jw-wrapper-all-group {
					width: 70%;
					margin: 0 auto;
				}
				/*.jw-container .jw-wrapper-group .jw-wrapper-all-group img{
						  	width: 80%;
						  	height: 80%;
						  }*/
				.jw-container .jw-wrapper-group .jw-wrapper-all-group ul {
					margin-left: -67.322581px;
				}
				.jw-container .jw-wrapper-group .Tab-bar {
					width: 70%;
					margin: 0 auto;
				}
				.jw-container .jw-love .jw-love-content .jw-love-content-list {
					padding: 0;
					margin: 0;
				}
				.jw-container .jw-love {
					background: #F1F1F1;
				}
				/*.jw-love-content{
						 	
						 	background-image: url(Image/love-bg.jpg);
						 	background-position: 100%;
						 }*/
				.jw-container .jw-users .jw-users-gruop-item p {
					margin-left: 30%;
				}
				.jw-container .jw-users .jw-users-gruop-item {
					width: 27.571429%;
				}
				.jw-container .jw-users .jw-users-gruop-item h3 {
					line-height: 16px;
				}
				.jw-container .jw-feature .jw-feature-inner .jw-feature-gruop-item {
					width: 100%;
					margin: 0 auto;
					padding: 5px 0 5px 0;
				}
				.jw-footer .jw-contenr .jw-footer-nav-group p,
				.jw-footer .jw-contenr .jw-footer-nav-group a {
					line-height: 16px;
				}
				
				.jw-enjoy .jw-enjoy-wrapper{
					width: 70%;
				}
				.jw-enjoy .jw-enjoy-wrapper ul .jw-enjoy-gronp{
					width: 41%;
					
				}
			}
		</style>
	</head>

	<body>
		<!--头部-->
		<header class="jw-header">
			<nav class="jw-header-nav clearfix">
				<div class="jw-web-nav-inner" style="opacity: 1;">
					<ul class="clearfix">
						<li class="subnav-inner" onclick="websubnav()"><i class="fa fa-bars" id="fa-bars" style="line-height: 40px;"></i> <i class="fa fa-times" id="fa-times" onclick=" websubnavhidn() " style="display: none; line-height: 40px;"></i></li>
						<li class="subnav-inner"><i class="fa fa-jwlogo"><img src="Image/download.png" width="100%" height="100%"/></i></li>
						<li class="subnav-inner"><i class="fa fa-user"></i></li>
						<div class="web-subnav-inner" id="web-subnav-inner">
							<p>
								<a href="#">文章</a>
							</p>
							<p>
								<a href="#">欣赏</a>
							</p>
							<p>
								<a href="#">素材</a>
							</p>
							<p>
								<a href="#">兑换</a>
							</p>
							<p>
								<a href="#">活动</a>
							</p>
							<p>
								<a href="#">唯然</a>
							</p>
							<p>
								<a href="#">更多</a>
							</p>
						</div>
					</ul>
				</div>
				<div class="jw-header-nav-logo">
					<a href="index.html" class="jw-logo">

					</a>
				</div>
				<div class="jw-header-nav-inner">
					<ul class="clearfix">

						<li class="nav-inner nav-article clearfix">
							<a href="jw-article.html" class="nav-menu">文章</a>
						</li>
						<li class="nav-inner">
							<a href="jw-enjoy.html" class="nav-menu">欣赏</a>
						</li>
						<li class="nav-inner">
							<a href="jw-material.html" class="nav-menu">素材</a>
						</li>
						<li class="nav-inner">
							<a href="" class="nav-menu">兑换</a>
						</li>
						<li class="nav-inner">
							<a href="" class="nav-menu">活动</a>
						</li>
						<li class="nav-inner">
							<a href="" class="nav-menu">唯然</a>
						</li>
						<li class="nav-inner">
							<a href="" class="nav-menu">更多</a>
						</li>
					</ul>
				</div>
				<div class="jw-header-nav-seach">
					<ul class="clearfix">
						<li class="jw-nav-inner-toggle">

							<div class="jw-login" onclick="login()">
								登录
							</div>

							<div class="jw-registered" onclick="registereds()">
								注册
							</div>

						</li>
						<li class="jw-nav-inner-search">
							<a href=""><i class="fa fa-search"></i></a>
						</li>
					</ul>
				</div>

			</nav>
		</header>
		<!--登陆-->
		<section class="jw-login-wrapper" id="jw-login-wrapper">
			<div class="colse-login" id="colse-login" onclick="hiddlogins()">
				<p>x</p>
			</div>
			<div class="jw-login-body">
				<div class="jw-login-hearder">
					<p id="toggetregistered" onclick="toggetregistereds()">切换注册</p>
				</div>
				<div class="jw-login-container">
					<p>登录</p>
					<form action="#" method="post">

						<div class="">
							<input type="text" id="" value="" placeholder="请输入用户名或邮箱" />
						</div>

						<div class="">
							<input type="password" id="" value="" placeholder="请输入密码" />
						</div>
						<div class="">
							<input type="submit" id="" name="" value="登录" />
						</div>

					</form>
				</div>
				<div class="jw-login-footer">
					<p>您也可以使用第三方帐号快捷注册</p>
					<button>QQ一键登录</button>
				</div>
			</div>

		</section>
		<!--登陆 end-->
		<!--注册-->
		<section class="jw-registered-wrapper" id="jwRegisteredInner">
			<div class="colse-registered" id="colse-registered">
				<p onclick="hiddregistereds()">x</p>
			</div>
			<div class="jw-registered-body">
				<div class="jw-registered-hearder">
					<p id="toggetlogin" onclick="toggetlogins()">切换登陆</p>
				</div>
				<div class="jw-registered-container">
					<p>注册</p>
					<form action="#" method="post">
						<div id="">
							<input type="text" name="" id="" value="" placeholder="请输入英文用户名" />
						</div>
						<div class="">
							<input type="text" id="" value="" placeholder="请输入常用邮箱" />
						</div>
						<div class="">
							<input type="password" id="" value="" placeholder="密码最小长度为6" />
						</div>
						<div class="">
							<input type="password" id="" value="" placeholder="请再次输入密码" />
						</div>
						<div class="">
							<input type="submit" id="" name="" value="注册" />
						</div>

					</form>
				</div>
				<div class="jw-registered-footer">
					<p>您也可以使用第三方帐号快捷注册</p>
					<button>QQ一键登录</button>
				</div>
			</div>

		</section>
		<!--返回顶部-->
			<section class="jw-backtop" id="jw-backtop" onclick="returntop()">
				<a >
					<i class="fa fa-angle-up"></i>
				</a>
			</section>
		<!--返回顶部-->
		<section class="jw-artile-wrapper">

			<section class="jw-artile-mun">
				<div class="jw-artile-mun-inner">
					<ul class="clearfix">
						<li class="jw-artile-mun-list">
							<a href="#"><i class="fa fa-bookmark"></i>不限类别<i class="fa fa-caret-down arrow"></i></a>
							
								<ul class="smbmun clearfix" style="display: none;">
									<li class="smbmun-group"><a href="">前端开发</a></li>
									<li class="smbmun-group"><a href="">前端开发</a></li>
									<li class="smbmun-group"><a href="">前端开发</a></li>
									<li class="smbmun-group"><a href="">前端开发</a></li>
								</ul>
							
						</li>
						
						<li class="jw-artile-mun-list"><a href="#"><i class="fa fa-sort"></i>最新发布<i class="fa fa-caret-down arrow"></i></a>
							<ul class="smbmun clearfix" style="display: none;">
									<li class="smbmun-group"><a href="">前端开发</a></li>
									<li class="smbmun-group"><a href="">前端开发</a></li>
									<li class="smbmun-group"><a href="">前端开发</a></li>
									<li class="smbmun-group"><a href="">前端开发</a></li>
								</ul>
						</li>
						<li class="jw-artile-mun-list"><a href="#"><i class="fa fa-clock-o"></i>不限时间<i class="fa fa-caret-down arrow"></i></a>
							<ul class="smbmun clearfix" style="display: none;">
									<li class="smbmun-group"><a href="">前端开发</a></li>
									<li class="smbmun-group"><a href="">前端开发</a></li>
									<li class="smbmun-group"><a href="">前端开发</a></li>
									<li class="smbmun-group"><a href="">前端开发</a></li>
								</ul>
						</li>
					</ul>
				</div>
			</section>
			<!--内容-->
			<section class="jw-enjoy">
				<div class="jw-enjoy-wrapper">
					<ul class="clearfix">
						<li class="jw-enjoy-gronp">
							<div class="jw-enjoy-gronp-pic">
							<div class="jw-enjoy-wrapper-pic-hover">
									<a href="#"><i class="fa fa-bookmark"></i>绘画艺术</a>
							</div>
							<div class="pic-layer">
								
							</div>
							<a href="#">
								<img src="Image/22143156a8d2ec85eaf9840.jpg" width="100%" height="100%" title="日本插画师花瀬：漂亮的和服题材插画"/>
							</a>
							</div>
							<div class="jw-kimono">
									<a href="#">日本插画师花瀬：漂亮的和服题材插画</a>
							</div>
							<div class="jw-times">
								<time>2016-08-22</time> <span><i class="fa fa-heart"></i>3 <i class="fa fa-comment"></i>2</span>
							</div>
						</li>
						<li class="jw-enjoy-gronp">
							<div class="jw-enjoy-gronp-pic">
							<div class="jw-enjoy-wrapper-pic-hover">
									<a href="#"><i class="fa fa-bookmark"></i>绘画艺术</a>
							</div>
							<div class="pic-layer">
								
							</div>
							<a href="#">
								<img src="Image/22143156a8d2ec85eaf9840.jpg" width="100%" height="100%" title="日本插画师花瀬：漂亮的和服题材插画"/>
							</a>
							</div>
							<div class="jw-kimono">
									<a href="#">日本插画师花瀬：漂亮的和服题材插画</a>
							</div>
							<div class="jw-times">
								<time>2016-08-22</time> <span><i class="fa fa-heart"></i>3 <i class="fa fa-comment"></i>2</span>
							</div>
						</li>
						<li class="jw-enjoy-gronp">
							<div class="jw-enjoy-gronp-pic">
							<div class="jw-enjoy-wrapper-pic-hover">
									<a href="#"><i class="fa fa-bookmark"></i>绘画艺术</a>
							</div>
							<div class="pic-layer">
								
							</div>
							<a href="#">
								<img src="Image/22143156a8d2ec85eaf9840.jpg" width="100%" height="100%" title="日本插画师花瀬：漂亮的和服题材插画"/>
							</a>
							</div>
							<div class="jw-kimono">
									<a href="#">日本插画师花瀬：漂亮的和服题材插画</a>
							</div>
							<div class="jw-times">
								<time>2016-08-22</time> <span><i class="fa fa-heart"></i>3 <i class="fa fa-comment"></i>2</span>
							</div>
						</li>
						<li class="jw-enjoy-gronp">
							<div class="jw-enjoy-gronp-pic">
							<div class="jw-enjoy-wrapper-pic-hover">
									<a href="#"><i class="fa fa-bookmark"></i>绘画艺术</a>
							</div>
							<div class="pic-layer">
								
							</div>
							<a href="#">
								<img src="Image/22143156a8d2ec85eaf9840.jpg" width="100%" height="100%" title="日本插画师花瀬：漂亮的和服题材插画"/>
							</a>
							</div>
							<div class="jw-kimono">
									<a href="#">日本插画师花瀬：漂亮的和服题材插画</a>
							</div>
							<div class="jw-times">
								<time>2016-08-22</time> <span><i class="fa fa-heart"></i>3 <i class="fa fa-comment"></i>2</span>
							</div>
						</li>
							<li class="jw-enjoy-gronp">
							<div class="jw-enjoy-gronp-pic">
							<div class="jw-enjoy-wrapper-pic-hover">
									<a href="#"><i class="fa fa-bookmark"></i>绘画艺术</a>
							</div>
							<div class="pic-layer">
								
							</div>
							<a href="#">
								<img src="Image/22143156a8d2ec85eaf9840.jpg" width="100%" height="100%" title="日本插画师花瀬：漂亮的和服题材插画"/>
							</a>
							</div>
							<div class="jw-kimono">
									<a href="#">日本插画师花瀬：漂亮的和服题材插画</a>
							</div>
							<div class="jw-times">
								<time>2016-08-22</time> <span><i class="fa fa-heart"></i>3 <i class="fa fa-comment"></i>2</span>
							</div>
						</li>
						<li class="jw-enjoy-gronp">
							<div class="jw-enjoy-gronp-pic">
							<div class="jw-enjoy-wrapper-pic-hover">
									<a href="#"><i class="fa fa-bookmark"></i>绘画艺术</a>
							</div>
							<div class="pic-layer">
								
							</div>
							<a href="#">
								<img src="Image/22143156a8d2ec85eaf9840.jpg" width="100%" height="100%" title="日本插画师花瀬：漂亮的和服题材插画"/>
							</a>
							</div>
							<div class="jw-kimono">
									<a href="#">日本插画师花瀬：漂亮的和服题材插画</a>
							</div>
							<div class="jw-times">
								<time>2016-08-22</time> <span><i class="fa fa-heart"></i>3 <i class="fa fa-comment"></i>2</span>
							</div>
						</li>
						<li class="jw-enjoy-gronp">
							<div class="jw-enjoy-gronp-pic">
							<div class="jw-enjoy-wrapper-pic-hover">
									<a href="#"><i class="fa fa-bookmark"></i>绘画艺术</a>
							</div>
							<div class="pic-layer">
								
							</div>
							<a href="#">
								<img src="Image/22143156a8d2ec85eaf9840.jpg" width="100%" height="100%" title="日本插画师花瀬：漂亮的和服题材插画"/>
							</a>
							</div>
							<div class="jw-kimono">
									<a href="#">日本插画师花瀬：漂亮的和服题材插画</a>
							</div>
							<div class="jw-times">
								<time>2016-08-22</time> <span><i class="fa fa-heart"></i>3 <i class="fa fa-comment"></i>2</span>
							</div>
						</li>
						<li class="jw-enjoy-gronp">
							<div class="jw-enjoy-gronp-pic">
							<div class="jw-enjoy-wrapper-pic-hover">
									<a href="#"><i class="fa fa-bookmark"></i>绘画艺术</a>
							</div>
							<div class="pic-layer">
								
							</div>
							<a href="#">
								<img src="Image/22143156a8d2ec85eaf9840.jpg" width="100%" height="100%" title="日本插画师花瀬：漂亮的和服题材插画"/>
							</a>
							</div>
							<div class="jw-kimono">
									<a href="#">日本插画师花瀬：漂亮的和服题材插画</a>
							</div>
							<div class="jw-times">
								<time>2016-08-22</time> <span><i class="fa fa-heart"></i>3 <i class="fa fa-comment"></i>2</span>
							</div>
						</li>
						<li class="jw-enjoy-gronp">
							<div class="jw-enjoy-gronp-pic">
							<div class="jw-enjoy-wrapper-pic-hover">
									<a href="#"><i class="fa fa-bookmark"></i>绘画艺术</a>
							</div>
							<div class="pic-layer">
								
							</div>
							<a href="#">
								<img src="Image/22143156a8d2ec85eaf9840.jpg" width="100%" height="100%" title="日本插画师花瀬：漂亮的和服题材插画"/>
							</a>
							</div>
							<div class="jw-kimono">
									<a href="#">日本插画师花瀬：漂亮的和服题材插画</a>
							</div>
							<div class="jw-times">
								<time>2016-08-22</time> <span><i class="fa fa-heart"></i>3 <i class="fa fa-comment"></i>2</span>
							</div>
						</li>
						<li class="jw-enjoy-gronp">
							<div class="jw-enjoy-gronp-pic">
							<div class="jw-enjoy-wrapper-pic-hover">
									<a href="#"><i class="fa fa-bookmark"></i>绘画艺术</a>
							</div>
							<div class="pic-layer">
								
							</div>
							<a href="#">
								<img src="Image/22143156a8d2ec85eaf9840.jpg" width="100%" height="100%" title="日本插画师花瀬：漂亮的和服题材插画"/>
							</a>
							</div>
							<div class="jw-kimono">
									<a href="#">日本插画师花瀬：漂亮的和服题材插画</a>
							</div>
							<div class="jw-times">
								<time>2016-08-22</time> <span><i class="fa fa-heart"></i>3 <i class="fa fa-comment"></i>2</span>
							</div>
						</li>
						<li class="jw-enjoy-gronp">
							<div class="jw-enjoy-gronp-pic">
							<div class="jw-enjoy-wrapper-pic-hover">
									<a href="#"><i class="fa fa-bookmark"></i>绘画艺术</a>
							</div>
							<div class="pic-layer">
								
							</div>
							<a href="#">
								<img src="Image/22143156a8d2ec85eaf9840.jpg" width="100%" height="100%" title="日本插画师花瀬：漂亮的和服题材插画"/>
							</a>
							</div>
							<div class="jw-kimono">
									<a href="#">日本插画师花瀬：漂亮的和服题材插画</a>
							</div>
							<div class="jw-times">
								<time>2016-08-22</time> <span><i class="fa fa-heart"></i>3 <i class="fa fa-comment"></i>2</span>
							</div>
						</li>
						<li class="jw-enjoy-gronp">
							<div class="jw-enjoy-gronp-pic">
							<div class="jw-enjoy-wrapper-pic-hover">
									<a href="#"><i class="fa fa-bookmark"></i>绘画艺术</a>
							</div>
							<div class="pic-layer">
								
							</div>
							<a href="#">
								<img src="Image/22143156a8d2ec85eaf9840.jpg" width="100%" height="100%" title="日本插画师花瀬：漂亮的和服题材插画"/>
							</a>
							</div>
							<div class="jw-kimono">
									<a href="#">日本插画师花瀬：漂亮的和服题材插画</a>
							</div>
							<div class="jw-times">
								<time>2016-08-22</time> <span><i class="fa fa-heart"></i>3 <i class="fa fa-comment"></i>2</span>
							</div>
						</li>
						<li class="jw-enjoy-gronp">
							<div class="jw-enjoy-gronp-pic">
							<div class="jw-enjoy-wrapper-pic-hover">
									<a href="#"><i class="fa fa-bookmark"></i>绘画艺术</a>
							</div>
							<div class="pic-layer">
								
							</div>
							<a href="#">
								<img src="Image/22143156a8d2ec85eaf9840.jpg" width="100%" height="100%" title="日本插画师花瀬：漂亮的和服题材插画"/>
							</a>
							</div>
							<div class="jw-kimono">
									<a href="#">日本插画师花瀬：漂亮的和服题材插画</a>
							</div>
							<div class="jw-times">
								<time>2016-08-22</time> <span><i class="fa fa-heart"></i>3 <i class="fa fa-comment"></i>2</span>
							</div>
						</li>
						<li class="jw-enjoy-gronp">
							<div class="jw-enjoy-gronp-pic">
							<div class="jw-enjoy-wrapper-pic-hover">
									<a href="#"><i class="fa fa-bookmark"></i>绘画艺术</a>
							</div>
							<div class="pic-layer">
								
							</div>
							<a href="#">
								<img src="Image/22143156a8d2ec85eaf9840.jpg" width="100%" height="100%" title="日本插画师花瀬：漂亮的和服题材插画"/>
							</a>
							</div>
							<div class="jw-kimono">
									<a href="#">日本插画师花瀬：漂亮的和服题材插画</a>
							</div>
							<div class="jw-times">
								<time>2016-08-22</time> <span><i class="fa fa-heart"></i>3 <i class="fa fa-comment"></i>2</span>
							</div>
						</li>
						<li class="jw-enjoy-gronp">
							<div class="jw-enjoy-gronp-pic">
							<div class="jw-enjoy-wrapper-pic-hover">
									<a href="#"><i class="fa fa-bookmark"></i>绘画艺术</a>
							</div>
							<div class="pic-layer">
								
							</div>
							<a href="#">
								<img src="Image/22143156a8d2ec85eaf9840.jpg" width="100%" height="100%" title="日本插画师花瀬：漂亮的和服题材插画"/>
							</a>
							</div>
							<div class="jw-kimono">
									<a href="#">日本插画师花瀬：漂亮的和服题材插画</a>
							</div>
							<div class="jw-times">
								<time>2016-08-22</time> <span><i class="fa fa-heart"></i>3 <i class="fa fa-comment"></i>2</span>
							</div>
						</li>
						<li class="jw-enjoy-gronp">
							<div class="jw-enjoy-gronp-pic">
							<div class="jw-enjoy-wrapper-pic-hover">
									<a href="#"><i class="fa fa-bookmark"></i>绘画艺术</a>
							</div>
							<div class="pic-layer">
								
							</div>
							<a href="#">
								<img src="Image/22143156a8d2ec85eaf9840.jpg" width="100%" height="100%" title="日本插画师花瀬：漂亮的和服题材插画"/>
							</a>
							</div>
							<div class="jw-kimono">
									<a href="#">日本插画师花瀬：漂亮的和服题材插画</a>
							</div>
							<div class="jw-times">
								<time>2016-08-22</time> <span><i class="fa fa-heart"></i>3 <i class="fa fa-comment"></i>2</span>
							</div>
						</li>
						
					</ul>
					
				
			</section>
			
					<div class="Tab-bar">
					<ul class="clearfix">
						<li class="pager-active">1</li>
						<li>2</li>
						<li class="pager-ellipsis">...</li>
						<li>20</li>
						<li>></li>
						<li>共20页</li>
						<li class="jw-input"><input type="text" id="" value="" /></li>
						<li class="jw-input-btn">GO</li>

					</ul>
				</div>
				</div>
			</section>
				
			<!--底部-->
			<footer class="jw-footer clearfix">
				<div class="jw-contenr">
					<nav class="jw-footer-nav clearfix">
						<aside class="jw-footer-nav-group">
							<h3 class="jw-footer-nav-group-title jw-title">觉唯</h3>
							<p class="describe-text">以用户为中心的设计理念，专注于用户体验设计，拥有国内外最新的设计潮流趋势、独特而美的创意视觉、新颖而灵敏的思维意识、极致而生动的交互体验，更有严谨而通俗的技术教程！</p>
							<p class="describe-text">唯然是觉唯网的图片分享社区，以记录美丽、分享美好的创意理念，分享高品质创意、艺术、设计、时尚、插画、摄影、唯美类精美图片。</p>
						</aside>
						<aside class="jw-footer-nav-group">
							<h3 class="jw-footer-nav-group-title">关于</h3>
							<div class="jw-footer-nav-group-menu">
								<ul class="menu">
									<li>
										<a href="">关于觉唯</a>
									</li>
									<li>
										<a href="">留言联系</a>
									</li>
									<li>
										<a href="">友情链接</a>
									</li>
									<li>
										<a href="">免责声明</a>
									</li>
									<li>
										<a href="">网站地图</a>
									</li>
								</ul>
							</div>
						</aside>
						<aside class="jw-footer-nav-group">
							<h3 class="jw-footer-nav-group-title">栏目</h3>
							<div class="jw-footer-nav-group-menu">
								<ul class="menu">
									<li>
										<a href="">关于觉唯</a>
									</li>
									<li>
										<a href="">留言联系</a>
									</li>
									<li>
										<a href="">友情链接</a>
									</li>
									<li>
										<a href="">免责声明</a>
									</li>
									<li>
										<a href="">网站地图</a>
									</li>
								</ul>
							</div>
						</aside>
						<aside class="jw-footer-nav-group">
							<h3 class="jw-footer-nav-group-title">友链</h3>
							<div class="jw-footer-nav-group-menu">
								<ul class="menu">
									<li>
										<a href="">前端观察</a>
									</li>
									<li>
										<a href="">免责声明</a>
									</li>
									<li>
										<a href="">网站地图</a>
									</li>
								</ul>
							</div>
						</aside>
						<aside class="jw-footer-nav-group">
							<h3 class="jw-footer-nav-group-title">关注</h3>
							<ul>
								<li>Email:
									<a href="">javin@jiawin.com</a>
								</li>
								<li class="jw-social-email">
									<form action="" method="post">
										<input type="hidden" name="t" value="qf_booked_feedback">
										<input type="hidden" name="id" value="631d10588b9c4960800e97a7cb76cbe6640b25450ebdc87f">
										<div class="jw-social-email">
											<input class="jw-email" id="to" name="to" type="email" placeholder="请输入您的邮箱" required="">
											<input class="jw-submit" type="submit" value="订阅">
										</div>
									</form>
								</li>
								<li class="jw-social-icon clearfix">
									<a class="jw-social-sina" href=""><i class="fa fa-weibo"></i><span class="jw-text-replace"></span></a>
									<a class="jw-social-qqwb" href=""><i class="fa fa-tencent-weibo"></i><span class="jw-text-replace"></span></a>
									<a class="jw-social-qq" href=""><i class="fa fa-qq"></i><span class="jw-text-replace"></span></a>
									<a class="jw-social-rss" href=""><i class="fa fa-rss"></i><span class="jw-text-replace"></span></a>
									<a class="jw-social-weixin" href="" class="jw-social-weixin"><i class="fa fa-weixin"></i><span class="jw-text-replace"></span></a>
								</li>
							</ul>
						</aside>
					</nav>
				</div>
					
				<section class="jw-company clearfix">
					<div class="jw-company-wrapper">

						<p class="jw-company-contenr">Copyright © 2012-2016 觉唯设计 Theme by Javin zhong All All Rights Reserved. 粤ICP备12073831号-1</p>
					</div>
				</section>
			</footer>
			<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
			<script src="js/jquery.rotate.min.js"></script>
			<script type="text/javascript" src="js/common.js" ></script>
			<script type="text/javascript" src="js/jw-article.js" ></script>
			<script type="text/javascript" src="js/enjoy.js"></script>
	</body>

</html>